<div class="page">
  <div class="navbar">
    <div class="navbar-bg"></div>
    <div class="navbar-inner sliding">
      <div class="left">
        <a class="link back">
          <i class="icon icon-back"></i>

        </a>
      </div>
      <div class="title">Tabs Routable</div>
    </div>
  </div>
  <div class="toolbar toolbar-bottom tabbar">
    <div class="toolbar-inner">
      <div class="toolbar-pane">
        <a href="./" class="tab-link" data-route-tab-id="tab1">Tab 1</a>
        <a href="tab2/" class="tab-link" data-route-tab-id="tab2">Tab 2</a>
        <a href="tab3/" class="tab-link" data-route-tab-id="tab3">Tab 3</a>
      </div>
    </div>
  </div>
  <div class="tabs tabs-routable">
    <div class="page-content tab" id="tab1"></div>
    <div class="page-content tab" id="tab2"></div>
    <div class="page-content tab" id="tab3"></div>
  </div>
</div>
